<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <include file="Inc/basic_css"/>
    <include file="Inc/basic_js"/>
    <import type="js" basepath="__JS__" file="admin,imgpre" />
    <style>
        #ClassAdd{width:97%; margin:0 auto; display:none;}/* height:1px; overflow:hidden; */
        #class_title{ padding:10px 0;}
    </style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN HEADER -->
<include file="Inc/head"/>
<!-- END HEADER -->
<div class="clearfix"></div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <include file="Inc/left"/>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content">
        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
        <!-- BEGIN STYLE CUSTOMIZER -->
        <include file="Inc/theme"/>
        <!-- END BEGIN STYLE CUSTOMIZER -->
        <!-- BEGIN PAGE HEADER-->
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title">
                    Mip站广告管理 <small></small>
                </h3>
                <ul class="page-breadcrumb breadcrumb">
                    <li><i class="fa fa-home"></i><a href="{:U('Index/index')}">首页</a> <i class="fa fa-angle-right"></i></li>
                    <li><a href="#">广告系统</a><i class="fa fa-angle-right"></i></li>
                    <li><a href="#">Mip站广告管理</a></li>
                </ul>					<!-- END PAGE TITLE & BREADCRUMB-->
            </div>
        </div>
        <!-- END PAGE HEADER-->
        <!-- BEGIN PAGE CONTENT-->
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet-body">
                    <div class="table-toolbar">
                        <div class="btn-group">
                            <if condition="$adminLock gt 0">
                                <div class="funcform">
                                    <a href="{:U('Atm/edit','class_id='.$class_id)}" class="btn yellow"> 添加广告 <i class="fa fa-plus"></i></a>
                                    <a class="btn red" onclick="Confirm_ajax('{:U('Atm/del')}','确认删除选中的条目？',$('#myform').serialize(),'post')">批量删除 <i class="fa fa-times"></i></a>
                                </div>
                            </if>

                        </div>


                    </div>

                    <div role="grid" class="dataTables_wrapper form-inline">
                        <!-- /.row -->
                        <div class="table-scrollable" id="listArea" style="border:0px;">
                                <form method="post" name="myform" id="myform">
                            <table class="table table-striped table-bordered table-advance table-hover">

                                <thead>
                                <tr>
                                    <th align="center" class="hidden-xs"><input type="checkbox" id="checkAll" /></i> 选中</th>
                                    <th align="center"><i class="fa fa-briefcase"></i> ID</th>
                                    <th align="center"><i class="fa fa-user"></i> 广告标题</th>
                                    <th align="center"><i class="fa fa-shopping-cart"></i> 图片</th>
                                    <th align="center"><i class="fa fa-sort"></i> 排序</th>
                                    <th align="center"><i class="fa fa-star"></i> 状态</th>
                                    <th align="center"><i class="fa fa-clock-o"></i> 发布时间</th>
                                    <th align="center"><i class="fa fa-edit"></i> 管理操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <foreach name="list" item="item">
                                    <tr>
                                        <td height="36" align="center" ><input type="checkbox" name="id[]" value="{$item.id}" /></td>
                                        <td align="center" >{$item.id}</td>
                                        <td align="center"  class="TextTd" name="title" rel="{$item.id}" isfresh="0" para="input">{$item.title}</td>
                                        <td align="center" >
                                            <a title="点击预览" data-toggle="modal" href="#img_preview" onclick="$('#preview').attr('src','__UPLOAD__/{$item.pic_path}')"><img src="__UPLOAD__/{$item.pic_path}" width="80" height="30" onerror=this.src='__IMG__/nopic.gif' /></a>
                                        </td>
                                        <td align="center"  class="TextTd" name="list_order" rel="{$item.id}" isfresh="1" para="input">{$item.list_order}</td>
                                        <td align="center" >
                                            <select class="form-control input-small select_color_{$item.status}" name="status" rel="{$item.id}" isfresh="0" para="select">
                                                <foreach name="statusArr" item="items" key="key">
                                                    <option value="{$key}" <if condition="$key eq $item.status && $item.status neq ''"> selected </if> class="select_color_{$key}">{$items}</option>
                                                </foreach>
                                            </select>
                                        </td>
                                        <td align="center" >{$item.addtime|date='Y-m-d H:i:s',###} </td>
                                        <td align="center" >
                                            <a href="{:U('Atm/edit','class_id='.$item['class_id'].'&id='.$item['id'])}" class="btn btn-xs blue btn-editable"><i class="fa fa-pencil"></i>编辑</a>&nbsp;
                                            <a rel="{:U('Atm/del','id='.$item['id'])}" onclick="Confirm_ajax($(this).attr('rel'),'确认要删除么？');" class="btn btn-xs red btn-removable"><i class="fa fa-times"></i>删除</a>
                                        </td>
                                    </tr>
                                </foreach>
                                </tbody>
                            </table>
                                </form>
                        </div>
                        <div class="row" id="pageArea">
                            {$page}
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- END PAGE CONTENT -->
    </div>
</div>
</body>
<!-- END CONTAINER -->
<div id="img_preview" class="modal fade modal-scroll" tabindex="-1" data-replace="true" style="display: none;" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">图片预览</h4>
            </div>
            <div class="modal-body">
                <img id="preview" style="width: 540px" alt="" src="">
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn green">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- BEGIN FOOTER -->
<include file="Inc/foot"/>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->

<script src="__JS__/app.js" type="text/javascript"></script>
<script src="__JS__/AjaxList.js.php?action=ajaxlistinput&url={:urlencode(U('Atm/ajaxListInput'))}"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    jQuery(document).ready(function() {
        App.init(); // initlayout and core plugins
    });
    imagePreview();
</script>

<!-- END PAGE LEVEL SCRIPTS -->

</body>
<!-- END BODY -->
</html>